<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:th="http://www.thymeleaf.org">
<head>
	<meta charset="utf-8"/>
	<title>Login Page - Ace Admin</title>
	<meta name="description" content="User login page"/>
	<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
	<!--basic styles-->
	<link href="../../../assets/css/bootstrap.min.css" rel="stylesheet" th:href="@{/assets/css/bootstrap.min.css}"/>
	<link href="../../../assets/css/bootstrap-responsive.min.css" rel="stylesheet" th:href="@{/assets/css/bootstrap-responsive.min.css}"/>
	<link rel="stylesheet" href="../../../assets/css/font-awesome.min.css" th:href="@{/assets/css/font-awesome.min.css}"/>
	<link rel="stylesheet" href="../../../assets/css/ace.min.css" th:href="@{/assets/css/ace.min.css}"/>
	<link rel="stylesheet" href="../../../assets/css/ace-responsive.min.css" th:href="@{/assets/css/ace-responsive.min.css}"/>
	<link rel="stylesheet" href="../../../assets/css/ace-skins.min.css" th:href="@{/assets/css/ace-skins.min.css}"/>

	<script src="../../../assets/js/jquery-2.0.3.min.js" th:href="@{/assets/js/jquery-2.0.3.min.js}"></script>
	<script src="../../../assets/js/ace-extra.min.js" th:href="@{/assets/js/ace-extra.min.js}"></script>
	<script src="../../../assets/js/ace-elements.min.js" th:href="@{/assets/js/ace-elements.min.js}"></script>
	<script src="../../../assets/js/ace.min.js" th:href="@{/assets/js/ace.min.js}"></script>
</head>

<body class="login-layout">
<div class="main-container container-fluid" style="margin-top: 60px;">
<div class="main-content">
<div class="row-fluid">
<div class="span12">
<div class="login-container">
<div class="row-fluid">
	<div class="center">
		<h1>
			<i class="icon-leaf green"></i>
			<span class="red">东方</span>
			<span class="white">新华</span>
		</h1>
		<h4 class="blue">&copy; 新华</h4>
	</div>
</div>

<div class="space-6"></div>

<div class="row-fluid">
<div class="position-relative">
<div id="login-box" class="login-box visible widget-box no-border">
	<div class="widget-body">
		<div class="widget-main">
			<h4 class="header blue lighter bigger">
				<i class="icon-coffee green"></i>
				请输入登录信息
			</h4>

			<div class="space-6"></div>

			<form action="login.htm" method="post" id="form">
				<fieldset>
					<label>
						<span class="block input-icon input-icon-right">
							<input type="text" class="span12" name="username"
							       placeholder="登录名"/>
							<i class="icon-user"></i>
						</span>
					</label>

					<label>
						<span class="block input-icon input-icon-right">
							<input type="password" class="span12" name="password"
							       placeholder="Password"/>
							<i class="icon-lock"></i>
						</span>
					</label>

					<div class="space"></div>

					<div class="clearfix">
						<label class="inline">
							<input type="checkbox" class="ace"/>
							<span class="lbl"> 记住我</span>
						</label>

						<button class="width-35 pull-right btn btn-small btn-primary login-button">
							<i class="icon-key"></i>
							登录
						</button>
					</div>

					<div class="space-4"></div>
				</fieldset>
			</form>
			<div class="social-or-login center">
				<span class="bigger-110"></span>
			</div>

			<div class="social-login center">
				<a class="btn btn-primary">
					<i class="icon-facebook"></i>
				</a>

				<a class="btn btn-info">
					<i class="icon-twitter"></i>
				</a>

				<a class="btn btn-danger">
					<i class="icon-google-plus"></i>
				</a>
			</div>
		</div>
		<!--/widget-main-->

	</div>
	<!--/widget-body-->
</div>
<!--/login-box-->
<!--/signup-box-->
</div>
<!--/position-relative-->
</div>
</div>
</div>
<!--/.span-->
</div>
<!--/.row-fluid-->
</div>
</div>
</body>
</html>
